<template>
	<div class="footBody">
		<div class="foot-boxs">
			<div class="foot-box">
				<div class="noe-box">
					<div class="noe-item">
						{{$t("companyModel.name")}}
					</div>
					<div class="noe-item">
						粤ICP备16114726号
					</div>
					<div class="noe-item">
						<img src="../../assets/images/beian.png" alt="">粤公网安备44010502001858号
					</div>
				</div>
				<div class="two-box">
					<div class="noe-item">
						{{$t("companyModel.phone")}}
					</div>
					<div class="noe-item">
						{{$t("companyModel.address")}}
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "Foot",
		data() {
			return {}
		}
	}
</script>

<style scoped>
	.footBody {
		width: 100%;
		height: 350px;
		/* background-image: url('../../static/img/homeB.jpg'); */
		background-color: rgba(0, 0, 0, 0.2);
		background-size: cover;
		background-position: center;
		position: relative;
		color: #fff;
		background-size: cover;
		background-position: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: Fy;
	}

	.foot-boxs {
		/* width: 100%;
		height: 350px;
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6); */
		width: 100%;
		display: flex;
		justify-content: center;
		position: relative;
		font-size: 0.9rem;
	}

	.foot-box {
		width: 1200px;
		height: 300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #fff;
	}

	.noe-box {
		display: flex;
		justify-content: center;
		margin: 0 0 20px 0;
	}

	.noe-item {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 20px;
	}

	.two-box {
		display: flex;
		justify-content: center;
	}
</style>
